<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>COLLECTION</title>
    <link rel="stylesheet" href=""/>
    <script src="js/jquery.js"></script>
    <script src="js/underscore.js"></script>
    <script src="js/backbone.js"></script>
</head>
<body>
<script>
    $(function () {
        var Book = Backbone.Model.extend({
            defaults: {
                title: 'default'
            }
        });
        var BookShelf = Backbone.Collection.extend({
            model: Book
        });
        var b1 = new Book({title: 'b1'}), b2 = new Book({title: 'b2'}), b3 = new Book({title: 'b3'});
        var bookShelf = new BookShelf;
        bookShelf.add(b1);
        bookShelf.add(b2);
        bookShelf.add(b3);
        bookShelf.remove(b3);
        bookShelf.each(function (book) {
            console.log(book.get('title'));
        });
    });
</script>
</body>
</html>